<template>
  <div class="block">
    <div class="flex">
      <div :class="false ? 'func-active' : 'func'" @click="handleDeleteEntity">
        <img src="../../assets/delete_face.svg" alt="" class="icon" />
        <span class="func-name">删除</span>
      </div>
      <div class="fill"></div>
      <div
        :class="false ? 'func-active' : 'func'"
        @click="handleCounterBoreModal"
      >
        <img src="../../assets/pin-hole.svg" alt="" class="icon" />
        <span class="func-name">补孔</span>
      </div>
      <div class="fill"></div>
      <div
        :class="false ? 'func-active' : 'func'"
        @click="handleMidSurfaceModal"
      >
        <img src="../../assets/mid_face_extract.svg" alt="" class="icon" />
        <span class="func-name">中面抽取</span>
      </div>
      <div
        :class="false ? 'func-active' : 'func'"
        @click="geometricPruningModal"
      >
        <img src="../../assets/mid_face_extract.svg" alt="" class="icon" />
        <span class="func-name">几何修剪</span>
      </div>
      <div :class="false ? 'func-active' : 'func'" @click="edgeMergeModal">
        <img src="../../assets/mid_face_extract.svg" alt="" class="icon" />
        <span class="func-name">边合并</span>
      </div>
      <div :class="'func'" @click="transform">
        <img src="../../assets/liumianti.svg" alt="" class="icon" />
        <span class="func-name">转换</span>
      </div>
    </div>
    <div class="title">编辑</div>
  </div>
  <DeleteEntityModal></DeleteEntityModal>
  <CounterBoreModal></CounterBoreModal>
  <MidSurfaceModal></MidSurfaceModal>
  <GeometricPruningModal></GeometricPruningModal>
  <EdgeMergeModal></EdgeMergeModal>
  <TransformModal></TransformModal>
</template>
<script lang="ts" setup>
import { ref } from "vue";
import { useCoreStore } from "@/UI/store";
import { useRoute } from "vue-router";
import { Toast, Message } from "cax-ui";
import DeleteEntityModal from "@/UI/views/modal/DeleteEntityModal.vue";
import CounterBoreModal from "@/UI/views/modal/CounterBoreModal.vue";
import MidSurfaceModal from "@/UI/views/modal/MidSurfaceModal.vue";
import GeometricPruningModal from "@/UI/views/modal/GeometricPruningModal.vue";
import EdgeMergeModal from "@/UI/views/modal/EdgeMergeModal.vue";
import TransformModal from "@/UI/views/modal/TransformModal.vue";
const coreStore = useCoreStore();
const route = useRoute();

function handleDeleteEntity() {
  console.log("删除");
  coreStore.setDeleteEntityModalVueActive(true);
}
function handleCounterBoreModal() {
  console.log("补孔");
  coreStore.setCounterBoreModalVueActive(true);
}
function transform() {
  coreStore.setTransformnModalVueActive(true);
}

function handleMidSurfaceModal() {
  console.log("中面抽取");
  coreStore.setMidSurfaceModalVueActive(true);
}

function geometricPruningModal() {
  coreStore.setGeometricPruningModalVueActive(true);
}

function edgeMergeModal() {
  console.log("边合并");
  coreStore.setEdgeMergeModalVueActive(true);
}
</script>
<style lang="less" scoped>
@import "../../styles/xxxTool.less";
</style>
